iT邦幫忙

2023 iThome 鐵人賽

DAY 27
1
Software Development

再騙小心沒朋友🥵 用LIFF實作LINE整人工具系列 第 27

[Day27] 教你用 GitHub 架免費網站 把整人連結分享給朋友用

  • 分享至 

  • xImage
  •  

光是用一個 html 檔案是無法進行整人的,只有把 html 檔案變成有網址的網站才可以把該網址加入 LIFF Endpoint URL 內,這樣只要打開 LIFF 的連結就不用再另外跳轉 LINE LOGIN 了!
最快速架免費網站的方式就是把檔案放到 GitHub 上再設定成網頁,但是要記得 GitHub 只能建立靜態網頁,如果程式碼含有 PHP 語言,該功能就會在網站中失效喔!

用 GitHub 架網站步驟

  1. 創一個 GitHub 帳號,點擊右上角大頭貼,選擇 Your repositories:
  2. 點選 New,新增新的儲存庫:
  3. 填入你想要的名稱.github.io,選 Public:
  4. 建立好之後會跳到這個畫面,選擇 uploading an existing file ,把 index.html 檔案上傳到這個儲存庫:
  5. 上傳完 index.html 檔案後,按下 Commit changes:
  6. 按 Setting -> Pages,出現的連結就可以連到你的網頁了! (點進去的頁面會是檔案名稱叫 index 的那一頁喔)
  7. 網站連結可以放到你申請的 LIFF Endpoint URL 裡面~

做完以上步驟,屬於你的網站就完成了!


上一篇
[Day26] 傳播假圖文訊息網站完整程式碼
下一篇
[Day28] 如何讓人發白目訊息到聊天室?🤔
系列文
再騙小心沒朋友🥵 用LIFF實作LINE整人工具30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
bamboostick
iT邦新手 5 級 ‧ 2024-08-11 19:52:10

我想請問在把index.html放上github pages 之後卻無法預覽是正常的嗎?
我code是完全複製前一篇文章底下的,但不論是用瀏覽器直接開啟html檔案還是放上github pages都沒辦法看到東西,甚至是連按鈕都沒有出現,頁面是全白的。

我找到了,是html裡的button的display要從none改成block

我要留言

立即登入留言